﻿@import url(http://fonts.googleapis.com/css?family=Montserrat+Alternates|Droid+Sans|Merienda+One);
body {
	font-family: 'Droid Sans',sans-serif;
	padding-top: 20px;
	padding-bottom: 40px;
}
#MainContent_Panel1
{
	min-height:400px;
	position: relative;
}

#MainContent_Panel1 .table > tbody > tr:last-child span
{
	text-decoration: underline;
}

#MainContent_Progress {
	background-color: #fefefe;
	border: 1px solid #bbb;
	border-radius: 5px;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -136px;
	margin-top: -21px;
	padding: 10px;
	position: absolute;
	text-align: center;
	width: 250px;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.35);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.35);
	box-shadow: 0 1px 8px rgba(0,0,0,.35);
}
#MainContent_Progress.animated-hide {
	opacity: 0;
	z-index: -1; 
	animation:			fade 0.6s ease;
	-webkit-animation:	fade 0.6s ease;
	-moz-animation:		fade 0.6s ease;
	-o-animation:		fade 0.6s;
}
a {
	color: #333;
}
.logo {
	background: rgba(0, 0, 0, 0) url('/Site/assets/img/logo.png') no-repeat center;
	background-size: 80px 40px;
	display: block;
	float: left;
	height: 40px;
	margin: 0;
	position: relative;
	width: 120px;
	z-index: 1000;
}
$container-width: 700px;
.container-narrow {
	max-width: $container-width;
	margin: 0 auto;
	&>hr {
		margin: 30px 0;
	}
}
#slider {
	margin: 0 auto 20px;
	max-width: 600px;
	.carousel-control {
		background: #fff;
		border: none;
		color: #000;
		height: 100%;
		line-height: 250px;
		left: 0px;
		opacity: 0.2;
		margin-top: 0;
		vertical-align: middle;
		width: 30px;
		top: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		&:hover {
			color: #000;
			opacity: 0.5;
		}
		&.right {
			left: auto;
			right: 0px;
		}
	}
}
.jumbotron{
	margin: 0;
	text-align: center;
	h2 {
		font-family: 'Merienda One', cursive;
	}
	.btn {
		font-size: 18px;
		i {	
			margin: 4px 4px 4px -0px;
		}
	}
}
.marketing {
	margin: 20px 0;
	p + h4 {
		margin-top: 28px;
	}
}
.contact {
	background-color: #fff;
	color: #000;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	margin: 20px 0;
	p + h4 {
		margin-top: 28px;
	}
	& > * {
		padding: 10px 25px;
	}
}
@keyframes rise				{ from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes rise		{ from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes rise		{ from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes rise			{ from { opacity: 0; } to { opacity: 1; } }

@keyframes fade				{ 0% { z-index:999; opacity: 1; } 100% { z-index:999; opacity: 0; }}
@-webkit-keyframes fade		{ 0% { z-index:999; opacity: 1; } 100% { z-index:999; opacity: 0; }}
@-moz-keyframes fade		{ 0% { z-index:999; opacity: 1; } 100% { z-index:999; opacity: 0; }}
@-o-keyframes fade			{ 0% { z-index:999; opacity: 1; } 100% { z-index:999; opacity: 0; }}

#slider,.jumbotron,.marketing,.contact,.form-signin, footer, #MainContent_Panel1 {
	display:none;
}
header {
	margin-bottom: 20px;
}
.navbar {
	background-image: url('/Site/assets/img/menu/3.png');
	border-radius: 8px;
	font-family: 'Montserrat Alternates', sans-serif;
	font-size: 15px;      
	margin-bottom: 0;
	.nav > li > a.selected, .nav > li > a:hover, a:hover, .nav li.dropdown.open > .dropdown-toggle, .nav li.dropdown.active > .dropdown-toggle, .nav li.dropdown.open.active > .dropdown-toggle {
		background-color: rgba(255,255,255,0.5);
		cursor: pointer;
		text-decoration: none;
	}
	.dropdown-menu a.selected {
		background-color: rgba(0,0,0,0.15);
	}
	.navbar-inner  {
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%),
					-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 50.1%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(0,0,0,0.25))),
					-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(50.1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%),
					-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 50.1%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%),
					-o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 50.1%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%),
					-ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 50.1%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(0,0,0,0.25) 100%),
					linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 50.1%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#40000000',GradientType=0 ),
				progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
		padding-left: 0;
		padding-right: 0;
	}
	.nav {
		margin: 0;
		& > li  {
			@extend .navbar-inner;
			& > a {
				padding: 10px 11px 10px;
				color: #000!important;
				text-shadow: 0 1px 5px #999;
				border-right: 1px solid #eee;
				i {
					margin-top: 3px;
				}
			}
			&:first-child > a {
				border-left: 1px solid #eee;
			}
		}
	}
	.dropdown-menu {
		margin-top:0;
	}
	.dropdown-toggle:hover + .dropdown-menu, .dropdown-menu:hover {
		display: block;
		animation: rise 0.6s ease;
		-webkit-animation: rise 0.6s ease;
		-moz-animation: rise 0.6s ease;
		-o-animation: rise 0.6s;
	}
}
footer {
	a.selected {
		font-weight: bold;
	}
	.copyright {
		position: absolute;
		text-align: center;
		max-width: $container-width;
		width: 100%;
		z-index: -1;
	}
}
@media (max-width: 479px) {
	.navbar .nav > li > a > span {
		display: none;
	}  
}
@media (max-width: 480px) {
	#slider .carousel-control {
		line-height: 180px;
	}
}
:focus { outline: none; }